<!--
 * @Author: your name
 * @Date: 2020-09-22 17:23:28
 * @LastEditTime: 2020-11-13 11:43:48
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \longh_admin\src\App.vue
-->
<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>

<script>
import { domTitle, setDocumentTitle } from '@/utils/domUtil'
import { i18nRender } from '@/locales'
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
export default {
  data() {
    return {
      locale: zhCN,
    }
  },
  computed: {
    // locale() {
    //   // 只是为了切换语言时，更新标题
    //   const { title } = this.$route.meta
    //   title && setDocumentTitle(`${i18nRender(title)} - ${domTitle}`)
    //   return this.$i18n.getLocaleMessage(this.$store.getters.lang).antLocale
    // },
  },
  created() {
    console.log('App Open')
  },
}
</script>
<style lang="less" scoped>
// 修改侧边栏颜色
// logo背景颜色

// 隐藏面包导航一级 首页
::v-deep .ant-breadcrumb {
  span {
    &:nth-child(1) {
      .ant-breadcrumb-link {
        &:nth-child(1) {
          display: none;
        }
      }
      .ant-breadcrumb-separator{
        display: none;
      }
    }
  }
}
::v-deep .ant-pro-sider-menu-logo {
  background: #0062bf;
}
// 左侧导航背景颜色
::v-deep .ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  background: #0062bf;
}
// 展开的背景颜色
::v-deep .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #0d3c88;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.45) inset;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.45) inset;
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
</style>
